<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS</title>
  <!-- link 标签 引入 .css 文件-->
  <link rel="stylesheet" href="test.css">
</head>

<body>
  <!-- 
    外部样式（实际开发中，用的最多的）
    把CSS代码单独提取出来，放到了一个.css文件中
    然后把 html 代码，通过一个 link 标签，来引入该 CSS 文件
    这种写法，可以让多个 HTML，复用同一份样式
  -->
  <p>帅哥</p>


</body>

</html>